<template>
  <div class="box">
    <topLogin :isIndex="false"></topLogin>
    <topNav :isActive="6"></topNav>
    <div class="wid-1200 min-height">
      <Breadcrumb separator=">">
        <BreadcrumbItem>当前位置</BreadcrumbItem>
        <BreadcrumbItem to="/flowTraffic">客流提示及交通线路</BreadcrumbItem>
        <BreadcrumbItem>列表</BreadcrumbItem>
      </Breadcrumb>
      <!-- 线路推荐 -->
      <div v-show="type==0">
        <div class="title-box">
          <p>线路推荐</p>
        </div>
        <ImageText :ImageText="list"></ImageText>
      </div>
      <!-- 交通指引 -->
      <div v-show="type==3">
        <div class="title-box">
          <p>交通指引</p>
        </div>
        <TrafficGuide :TrafficGuide="imgTextList"></TrafficGuide>
      </div>
    </div>
    <footNav></footNav>
  </div>
</template>

<script>
// 临时图片
import picture1 from "@/assets/temporary/picture1.png";
import picture2 from "@/assets/temporary/picture2.png";
import picture3 from "@/assets/temporary/picture3.png";
import picture4 from "@/assets/temporary/picture4.png";
// 自定义组件
import topLogin from "@/components/topLogin/index";
import topNav from "@/components/topNav/index";
import footNav from "@/components/footNav/index";
import ImageText from "@/components/imageText/index";
import TrafficGuide from "@/components/trafficGuide/index";
// 框架组件
import { Breadcrumb, BreadcrumbItem } from "view-design";
export default {
  name: "flowTrafficList",
  components: {
    topLogin,
    topNav,
    footNav,
    ImageText,
    TrafficGuide,
    [Breadcrumb.name]: Breadcrumb,
    [BreadcrumbItem.name]: BreadcrumbItem
  },
  data() {
    return {
        type:0,
      list: [
        {
          src: picture1,
          title: "论优美公园,我只服朝阳!",
          content: "附近还有海鶄落湿地公园,未来科技城滨水森林公园,温榆河"
        },
        {
          src: picture2,
          title: "河长的河流一般都是这样的",
          content: "附近还有海鶄落湿地公园,未来科技城滨水森林公园,温榆河"
        },
        {
          src: picture3,
          title: "论优美公园,我只服朝阳!",
          content: "附近还有海鶄落湿地公园,未来科技城滨水森林公园,温榆河"
        },
        {
          src: picture4,
          title: "河长的河流一般都是这样的",
          content: "附近还有海鶄落湿地公园,未来科技城滨水森林公园,温榆河"
        },
        {
          src: picture1,
          title: "论优美公园,我只服朝阳!",
          content: "附近还有海鶄落湿地公园,未来科技城滨水森林公园,温榆河"
        },
        {
          src: picture2,
          title: "河长的河流一般都是这样的",
          content: "附近还有海鶄落湿地公园,未来科技城滨水森林公园,温榆河"
        },
        {
          src: picture3,
          title: "论优美公园,我只服朝阳!",
          content: "附近还有海鶄落湿地公园,未来科技城滨水森林公园,温榆河"
        },
        {
          src: picture4,
          title: "河长的河流一般都是这样的",
          content: "附近还有海鶄落湿地公园,未来科技城滨水森林公园,温榆河"
        }
      ],
      imgTextList: [
        {
          src: picture1,
          title: "自驾",
          content:
            "目前，境外疫情快速蔓延带来的输入性风险持续增加，外防输入形势严峻复杂。根据全市统一安排，怀柔区积极与东城区...接，全力配合东城区..好境外返京人员的集中观察...",
          author: "作者北京",
          time: "2020-4-13",
          num: 153
        },
        {
          src: picture2,
          title: "骑行",
          content:
            "目前，境外疫情快速蔓延带来的输入性风险持续增加，外防输入形势严峻复杂。根据全市统一安排，怀柔区积极与东城区...接，全力配合东城区..好境外返京人员的集中观察...",
          author: "作者北京",
          time: "2020-4-13",
          num: 153
        },
        {
          src: picture3,
          title: "公交",
          content:
            "目前，境外疫情快速蔓延带来的输入性风险持续增加，外防输入形势严峻复杂。根据全市统一安排，怀柔区积极与东城区...接，全力配合东城区..好境外返京人员的集中观察...",
          author: "作者北京",
          time: "2020-4-13",
          num: 153
        },
        {
          src: picture4,
          title: "打车",
          content:
            "目前，境外疫情快速蔓延带来的输入性风险持续增加，外防输入形势严峻复杂。根据全市统一安排，怀柔区积极与东城区...接，全力配合东城区..好境外返京人员的集中观察...",
          author: "作者北京",
          time: "2020-4-13",
          num: 153
        }
      ]
    };
  },
  mounted(){
      this.type=this.$route.query.type
  }
};
</script>

<style>
</style>